<html ><head>
    <meta charset="utf-8">
    <title>点播历史</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="css/app.css" />
    <script type="text/javascript" src="js/resizeRoot.js" ></script>
<body id="uc">

<!--wrap-->
<div id="wrap">
    <section class="mode-list history-list">
        <div class="mode-list-hd clearfix">
            <h3 class="rb-left">
                <i class="history-icon"></i>
                历史点播/
                <b>36</b>
            </h3>
        </div>
        <div class="mode-list-bd show-transition">
            <ul>
                <li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>蜘蛛侠的一周</p>
                            <span class="single-time">4分37秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>蜘蛛侠之斑点人的阴谋</p>
                            <span class="single-time">4分18秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>a o e</p>
                            <span class="single-time">1分2秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>为什么在海游泳要离水母远远地?</p>
                            <span class="single-time">41秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>我的好妈妈</p>
                            <span class="single-time">1分37秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>Buckle My Shoe</p>
                            <span class="single-time">54秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>Sing A Song Of Sixpence</p>
                            <span class="single-time">1分39秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>甩葱歌</p>
                            <span class="single-time">2分32秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>小苹果</p>
                            <span class="single-time">3分32秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>不挑食</p>
                            <span class="single-time">1分39秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>小星星变奏曲</p>
                            <span class="single-time">4分41秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>小星星</p>
                            <span class="single-time">2分29秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>04 小星星</p>
                            <span class="single-time">3分9秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>小星星</p>
                            <span class="single-time">2分2秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>我的style</p>
                            <span class="single-time">20分39秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>i u ü y w yu</p>
                            <span class="single-time">2分38秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>接龙变身蛋</p>
                            <span class="single-time">21分27秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>成语故事13-三顾茅庐</p>
                            <span class="single-time">2分17秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>unit3_lesson2</p>
                            <span class="single-time">3分21秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>英语四级</p>
                            <span class="single-time">2分20秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>unit2_lesson1</p>
                            <span class="single-time">2分25秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>unit1_words</p>
                            <span class="single-time">1分14秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>秋天的图画</p>
                            <span class="single-time">1分9秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>为别人着想的孙叔敖</p>
                            <span class="single-time">2分48秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>面包房里的猫</p>
                            <span class="single-time">7分13秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>咕呱呱</p>
                            <span class="single-time">37秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>阿锤和阿蛋愉快的一天</p>
                            <span class="single-time">11分49秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>看电视太多的人为什么会戴上眼镜呢？</p>
                            <span class="single-time">42秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>菲拉美娜</p>
                            <span class="single-time">18分29秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>This Little Light of Mine Church</p>
                            <span class="single-time">1分24秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>身体器官</p>
                            <span class="single-time">1分17秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>十三郎捉贼</p>
                            <span class="single-time">9分18秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>游山西村</p>
                            <span class="single-time">23秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>我们爱你啊，中国</p>
                            <span class="single-time">3分6秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>找春天</p>
                            <span class="single-time">1分20秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li><li>
                    <a class="mode-df" href="javascript:void(0)">
                        <!--demand-->
                        <button class="demand-btn" type="button">
                            <i class="demand-icon"></i>
                        </button>
                        <!--stop-->
                        <!--<button class="demand-btn demand-btn-active" type="button" v-show="item.isplay" v-on:click.stop.prevent="pause(item)">
                            <i class="demand-icon"></i>
                        </button>-->
                        <div class="mode-inner">
                            <p>如梦令</p>
                            <span class="single-time">1分19秒</span>
                        </div>
                        <div class="mode-control">
                            <!--收藏-->
                            <button class="favorites-btn" type="button">
                                <i class="fav-icon"></i>
                            </button>
                            <!--已收藏-->
                            <button class="favorites-btn favorites-btn-active" type="button" style="display: none;">
                                <i class="fav-icon"></i>
                            </button>

                            <button class="plus-btn" type="button">
                                <i class="plus-icon"></i>
                            </button>
                            <button class="close-btn" type="button">
                                <i class="close-icon"></i>
                            </button>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </section>
</div>
    <input type="text" id="select" style="display:none">

</body></html>